<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<title>iddy.js | Book</title>
		<meta name="keywords" content="iddy,iddy.js,javascript,mootools,profile" />
		<meta name="description" content="プロフィールを表示するiddy.jsのデモ" />
		<meta name="author" content="Noritaka Horio" />
		<meta name="copyright" content="2009 Noritaka Horio All rights reserved." />
		<meta http-equiv="content-script-type" content="text/javascript" />
		<meta http-equiv="content-style-type" content="text/css" />
		<link rel="stylesheet" type="text/css" href="../themes/book/iddy.book.css" media="screen,print" />
		<script type="text/javascript" src="../js/mootools/mootools-1.2.1-core.js"></script>
		<script type="text/javascript" src="../js/iddy.js"></script>
		<script type="text/javascript" src="../themes/book/iddy.book.js"></script>
		<script type="text/javascript">
			window.addEvent("domready", function() {
				var strategy = new Iddy.Book({
					"assets": {
						"title": "../themes/book/assets/ttl_profile.gif",
						"load": "../themes/book/assets/img_loading.gif",
						"close": "../themes/book/assets/btn_close_off.gif",
						"detail": "../themes/book/assets/btn_detail_off.gif"
					}
				});
				var iddy = new Iddy({
					"strategy": strategy,
					"url": "../iddy.php"
				});

				var showTrigger = $("warpper").getElement("a.show");
				showTrigger.addEvent("click", function(){
					iddy.show();
				});

				var hideTrigger = $("warpper").getElement("a.hide");
				hideTrigger.addEvent("click", function(){
					iddy.hide();
				});
			});
		</script>
	</head>
	<body>
		<div id="warpper">
			<h1>iddy.js - Book Theme</h1>
			<ul class="themes">
				<li><a href="index.html">home</a></li>
				<li><a href="default.html">iddy.default</a></li>
				<li><a href="book.html">iddy.book</a></li>
			</ul>
			<p class="control"><a class="show" href="#">show</a> | <a class="hide" href="#">hide</a></p>
		</div>
	</body>
</html>